<div class="col-sm-{{::col}} at-InputContainer">
    <div class="form-group at-u-flat">
        <at-input-label></at-input-label>
        <input class="at-InputFile--hidden" type="file"/>
        <div class="input-group">
            <span class="input-group-btn input-group-prepend">
                <button class="btn at-ButtonHollow--default at-Input-button"
                        ng-disabled="state._disabled || form.disabled"
                        ng-click="vm.onButtonClick()">
                  <i class="fa fa-folder-open" ng-if="!state._value"></i>
                  <i class="fa fa-trash" ng-if="state._value"></i>
                </button>
            </span>
            <input class="form-control at-Input"
                   type="text"
                   ng-class="{ 'at-Input--rejected': state._rejected }"
                   ng-model="state._displayValue"
                   ng-attr-tabindex="{{ tab || undefined }}"
                   ng-attr-placeholder="{{ state._disabled ? '' : vm.strings.get('file.PLACEHOLDER') }}"
                   ng-disabled="state._disabled || form.disabled"
                   readonly/>
        </div>
        <at-input-message></at-input-message>
    </div>
</div>
